//规则弹窗说明
(function() {
		var new1 = $(".news");
		var new2 = $(".explain");
		var sudo = $("li");
		new1.on("click", function() {
			new2.fadeIn(1000);
		})
		//弹窗关闭
		var close = $(".close");
		close.on("click", function() {
			new2.fadeOut(1000);
			sudo.fadeIn().css("visibility", "visible").addClass("animated zoomInDown");

		});
		//音乐开关
		var pla = $("audio");
		var off = $(".on_off");
		var music = $(".music");
		var music_1 = $(".music_1");
	    off.on("click",function(){
	    	var arr ='<img src="img/music_1.png" class="music_1"/>';
	    	if($(".music_1").length==0){
	    	music.css("animation","none");
	        pla[0].pause(arr);
	        off.prepend(arr);
	        music.css("display","none");
	       }
	    	else{
	    		pla[0].play();
	    		$(".music_1").remove();
//	    		music.css("animation","solo 4s infinite linear");
	        music.css("display","block");
	    		
	       }
	    })
	    
	    //抽奖抽奖
	    var sogo = $(".sogo");
	    sogo.one("click",function goo(){
	    	$(".yel").removeClass().addClass("yellows");
	    	$(this).css("animation","none");
	    	
	    	$.ajax({
	    		type: "GET", //请求的方式
					url: "http://student.bluej.cn/index/index/lucky_draw1", //请求的路径地址
					async: true, //是否异步
					dataType: "jsonp", //dataType设置为jsonp可以解决跨域问题
					jsonp: "callback", //传递给请求处理程序或页面的，用以获得jsonp回调函数名的参数名(一般默认为:callback)
					jsonpCallback: "lucky_num", //自定义的jsonp回调函数名称，默认为jQuery自动生成的随机函数名，也可以写"?"，jQuery会自动为你处理数据
					success: function(res) { //请求成功并返回数据的回调
						//后面任何基于res数据的代码都要写在success的回调函数里面
						console.log(res[0].num);
						win=res[0].num+1;
						draw();
						console.log(win);
					},
					error: function(a, b, c) {
						console.log(a); //错误对象
						console.log(b); //错误类型
						console.log(c); //错误的具体信息
					}
	    	});
	    	
	    })
	   
	   //开始抽奖
	      var num = 8 ;     //奖品数
	      var speed = 1000;  //转速
	      var ring = 50;    //圈数
	      var index = 0;    //奖品下标 
	      var timer;  //定时器
	      var win;      //中奖
	      var time = 0;  //转了多少次
	      var fuck =0;   //记录最后一圈
	   function draw(){
//	   	console.log(speed);
	   	index==num?index=1:index++;
	   	 $("[data-index]").removeClass("active");
         $("[data-index="+index+"]").addClass("active");
         timer=setTimeout(draw,speed);
          
         time++;
         if(index==win&&time>=ring&&fuck>=num){
         	clearTimeout(timer);
         	setTimeout(jump,1000);
			}	         
         
         if(time<ring){
         	speed-=100;
         }else{
         	speed+=100;
         	fuck++;
         }
          speed=Math.max(100,speed);
          
          
	   }
	   //跳转
	   function jump(){
	   	var fucky = $("[data-index="+index+"]")[0].style.backgroundImage;
//	   	var bitch = fucky.split("\"")[1];    字符串提取
	   	var bitch = fucky.replace(/^url\("|"\)$/g,"");   //正则表达式提取
         $(".sec .sudoku").css("transform","translateY(-100%)")	;
         $(".pic_2 img").attr("src",bitch).addClass("animated zoomIn");
         $(".pic_1 img").addClass("animated zoomInDown");
         $(".pic_3 img").addClass("animated zoomInUp");
       }
//	   var bb ='url("img/mmm.png")';
//	   console.log(bb.replace(/^url\("|"\)$/g, ""));
//	   console.log(aa.split("\"")[1]);
      //兑换1
      $(".step1 .pic_3").on("click",function(){
      		$(".sec .sudoku").css("transform","translateY(-200%)");
      		$(".sec .step2,.sec .step3").css("transform","translateY(-100%)");
      			$(".relation1").addClass("animated lightSpeedIn");
      			$(".relation2").addClass("animated bounceInLeft");
      			$(".relation3").addClass("animated bounceInRight");
      });
      
      //兑换2
      var inp = $(".inp");
      $(".relation3 img").on("click",function(){
      	var inp =$("input").val();
      	if(!/^1[3|4|5|7|8]\d{9}$/.test(inp)){
      		alert("fuck you")
      	}else{
      		
      		$(".sec .sudoku").css("transform","translateY(-300%)");
      		$(".sec .step3").css("transform","translateY(-200%)");
      		$(".rela1").addClass("animated bounceInLeft");
      		$(".rela2").addClass("animated zoomIn");
      		$(".rela3").addClass("animated bounceInRight");
      	}
      });
      
      //谢谢参与
      $(".rela3 img").on("click",function(){
      	alert("醒醒吧，想太多了！");
      });
})()